<template>
  <div id="app">
    <PoorTop class="poortop" :noticeArr="noticeArr"></PoorTop>
    <div class="container">
      <router-view></router-view>
    </div>
    <Login></Login>
    <Register></Register>

  </div>
</template>

<script>
import PoorTop from './components/poor_top/index.vue'
import Login from './components/login/index'
import Register from './components/register/index'
// import AddAddress from './components/add_address/index.vue'

export default {
  name: 'App',
  data() {
    return {
      noticeArr: []
    }
  },
  components: {
    PoorTop,
    Login,
    Register
    // AddAddress
  },
  computed: {
    // ...mapState({
    //   num: state => state.userStore.num
    // })
    // ...mapState('userStore', {
    //   num: 'num'
    // }),


  },
  beforeMount() {
    this.getNoticeData()

  },
  mounted() {



  },
  methods: {
    getNoticeData() {
      this.request.post('/notice/selectNoticePage', {}).then(res => {
        if (res.code == 20000) {
          this.noticeArr = res.data.list
          // console.log('noticeArr', this.noticeArr);
        }
      })
    }
  }
}
</script>

<style>
#app {
  .poortop {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 99;
  }

  .el-form-item__error {
    padding-top: 0 !important;
  }

  .el-input__inner:focus {
    border-color: #11A983 !important;
    /* 使用!important确保覆盖 */
  }


  .container {
    margin-top: 90px;
    padding-top: 10px;
  }

  .el-tabs__item {
    font-size: 20px;
  }

  .el-tabs__item:hover {
    color: #11a983;
  }

  .el-tabs__item.is-active {
    font-size: 20px;
    color: #11a983 !important;
  }

  .el-tabs__active-bar {
    background-color: #11a983 !important;
  }

  .el-dialog__body {
    padding: 0 20px !important;
  }

  .el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #11A983 !important;
  }
}
</style>
